<html>



<head>
   <title>CV Merten Berckemeyer</title>
 
 
  <!-- Geht nicht local unter Chrome: 
       
      <link rel="exhibit/data" type="application/json" href="cv_data.js" /> 
  -->    
    <script src="http://static.simile.mit.edu/exhibit/api-2.0/exhibit-api.js" type="text/javascript"></script> 
   <script src="http://static.simile.mit.edu/exhibit/extensions-2.0/time/time-extension.js"></script> 
     
    <!-- Eigentlichen Daten: -->
    
   <link rel="exhibit/data" type="application/jsonp"
        href="https://spreadsheets.google.com/feeds/list/0As2eg5BKxjn0dG1xU1NZWGlwTWc4RG9kZDdTYXlTaWc/od6/public/basic?alt=json-in-script"
        ex:converter="googleSpreadsheets" />
   
   
   <!-- TMP -->
   <!--
   <link rel="exhibit/data" type="application/jsonp"
        href="https://spreadsheets.google.com/feeds/list/0As2eg5BKxjn0dFk3OWs2NkN4RjRmOEpWSnNyeDVNdFE/od6/public/basic?alt=json-in-script"
        ex:converter="googleSpreadsheets" />
    -->
   
   <style>
       body {
           margin: 1in;
       }
       table.cvlens {
           border:     1px solid #ddd;
           padding:    0.5em;
       }
       div.name {
           font-weight: bold;
           font-size:   120%;
       }
       .technik {
       }
       .start {
           font-style:  italic;
       }
       .task {
           color:  #888;
       }
      
   </style>        
   
           
</head> 


<!--

{type}  {label:single}  {start:date}    {end:date}  {company}   {task}  {technic}   {description:single}    {result:single}

--> 


<body>
   <h1>CV Merten</h1>
   <table width="100%">
       <tr valign="top">
           <td ex:role="viewPanel">
               
               
               <!-- TABELLEN UEBERSICHT -->
               <!--  ex:formats="date{template: 'dd/MM/yyyy h:mm a'}" 
               ex:columnFormats="list, list, list, date {mode: short; show: date}, date {mode: short; show: date}"
               -->  
               <div ex:role="exhibit-view"
                   ex:viewClass="Exhibit.TabularView"
                   ex:formats="date{mode: short; show: date}"
                   ex:columns=".label, .task, .technic, .startiso, .endiso, .description, .result"
                   ex:columnLabels="Label, Task, Technik, Anfang, Ende, Beschreibung, Ergebnis"
                   ex:columnFormats="list, list, list, date, date"
                   ex:sortColumn="4"
                   ex:sortAscending="false">
               </div>
           
              
              <!-- TIMELINE -->
              <div ex:role="view"
                   ex:viewClass="Timeline"
                   ex:start=".startiso"
                   ex:end=".endiso">
               </div>
               
                <!-- TIMELINE-POPUP der Events (lens) -->          
               <table ex:role="lens" class="cvlens">
                   <tr>
                      <td>
                         <span ex:content=".start" class="start"></span> -
                         <span ex:content=".end" class="start"></span>
                     </td>
                   </tr>
                   <tr>
                       <td>
                           <div ex:content=".description"></div>
                       </td>
                   </tr>
               </table>
              
               <!-- KACHELN --> 
               <div ex:role="view"
                   ex:orders=".label"
                   ex:possibleOrders=".label, .start, task, .company, .technic">
               </div>
               
            </td>
            
            
            <td width="25%">
               <div ex:role="facet" ex:facetClass="TextSearch"></div>
               <div ex:role="facet" ex:expression=".technic" ex:facetLabel="Technik"></div>
               <div ex:role="facet" ex:expression=".task" ex:facetLabel="Task"></div>
           </td>
         
       </tr>
   </table>
</body>
</html>

<!-- http://simile.mit.edu/wiki/Exhibit/2.0/Formats -->
<!-- http://briancroxall.net/TimelineTutorial/BuildingSpreadsheet.html -->
<!-- For macOS:  -->
<!-- open -a Google\ Chrome.app --args "--allow-file-access-from-files" -->


<!--
   EXAMPLE FROM 
   https://groups.google.com/forum/?fromgroups=#!topic/simile-widgets/MK8yji0dMAA

 <div id="events-viewPanel" ex:role="viewPanel" 
ex:collectionID="events_collection" 
                        ex:formats="date{time-zone:4;template:'MMM d, yyyy';  show:date}"> 

                <div ex:role="view" 
                        ex:viewClass="Tile" 
                         ex:label="List view" 
                         ex:showall="true" 
                        ex:showHeader="false" 
                        ex:showSummary="false" 
                        ex:showFooter="false" 
                        ex:showControls="false" 
                        ex:orders=".start-date, .label" 
                        ex:grouped="false" 
                        ex:collectionID="events_collection"> 
                        </div> 

                </div> 


-->










